html,
body {
  background: #18191e;
  user-select: none;
}

html,
body,
div,
p,
ul,
li,
section {
  margin: 0;
  padding: 0;
}

ul,
li {
  list-style: none;
}

input,
textarea,
button {
  outline: none;
  box-shadow: none;
  border: none;
  border: none;
}

.ellipsis {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ellipsis3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
}
.el-input /deep/{ .el-input__inner {
  color:#eee
}
}
div /deep/ {
  .el-select {
    .el-input__inner {
      background: transparent;
      border: 1px solid #3d434c;
      border-radius: 0;
    }

    .el-input .el-select__caret {
      color: #525a66;
    }
  }
}

.set-icon {
  padding: 12px 20px;

  .icon {
    font-size: 28px;
    color: #B8BECC;
    margin-right: 30px;
    cursor: pointer;

    &:hover {
      color: #CC7029
    }

    &:last-of-type {
      margin-right: 0
    }
  }

  .iconf {
    font-size: 28px;
    color: #B8BECC;
    margin-right: 30px;
    cursor: pointer;

    &:hover {
      color: #CC7029;
    }

    &:last-of-type {
      margin-right: 0;
    }

    &.active {
      color: #CC7029
    }
  }
}

.more {
  font-size: 12px;
  color: #737780;
  cursor: pointer;

  &:hover {
    color: #fff;
  }

  .jt {
    transform: rotate(90deg);
    margin-left: 5px;

    &.rot {
      transform: rotate(-90deg);
    }
  }
}

::-webkit-scrollbar-track-piece {
  //滚动条凹槽的颜色，还可以设置边框属性
  background-color: transparent;
}

::-webkit-scrollbar {
  //滚动条的宽度
  width: 9px;
  height: 20px;
}

::-webkit-scrollbar-thumb {
  //滚动条的设置
  background-color: #34353a;
  background-clip: padding-box;
  height: 68px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #3C414C;
}

.dialog-box {
  width: 100%;
  box-sizing: border-box;
  .search {
    width:390px;
    height: 40px;
    border: 1px solid #3d434c;
    box-sizing: border-box;
    display: flex;
    margin-bottom:10px;
    input {
      flex:1;
      padding-left: 10px;
      background: transparent;
      font-size: 14px;
      color: #A1A7B3;
    }
    .icon {
      flex-shrink:0;
      width: 40px;
      height: 40px;
      background:#3D434D;
      text-align: center;
      line-height: 40px;
      font-size: 18px;
      color: #A1A7B3;
      cursor: pointer;
    }
  }
  .dia-ul{
    .item{
      padding:20px 0;
      border-bottom:1px solid #333840;
      display:flex;
      img{
        flex-shrink:0;
        width:80px;
        height:80px;
        border-radius:50%;
        margin-right:20px;
      }
      .info-box{
        flex:1;
        width:750px;
        box-sizing:border-box;
      }
      .info{
        width:100%;
        min-height:80px;
        margin-bottom:10px;
        .name{
          display:flex;
          font-size:18px;
          color:#EEE;
          font-weight:700;
          line-height:20px;
          padding-bottom:10px;
          justify-content: space-between;
        }
        .btn{
          padding:0;
          width:80px;
          height:34px;
          box-sizing: border-box;
          border:1px solid #CC7029;
          border-radius:2px;
          text-align: center;
          line-height: 34px;
          font-size: 14px;
          color: #cc7029;
          background:transparent;
          margin-top:-10px;
          &:active{
            background:#cc7029;
            color:#fff;
          }
        }
        .tit{
          font-size:15px;
          color:#B8BECC;
          line-height:22px;
        }
        .label-list{
          max-height:28px;
          flex-wrap: wrap;
        }
      }
      .all{
        display:flex;
        span{
          margin-right:56px;
          font-size:14px;
          color:#8A8E99;
        }
        .iconf{
          color:#8A8E99;
        }
      }
    }
  }
  .more{
    padding-top:20px;
    text-align:center;
  }
}

body /deep/{
  .el-loading-mask{
    background:rgba($color: #000000, $alpha: .8)
  }
  .el-dialog,.el-popover{
    background:#2D3138
  }
}